<template>
	<view>
		<view class="r-20 p-h20 flex-d-c interview">
			<view class="flex-c h-102">
				<text class="text-700-132">面试邀请</text>
			</view>
			<view class="flex-1 w bg-1 r-10 overflow-hidden">
				<scroll-view scroll-y="true" class="h">
					<view class="p-a20 flex-d-lc">
						<view class="p-t20 p-b40 w flex-d-c">
							<image class="m-b10 square-150 r-10" src="https://cdn.uviewui.com/uview/swiper/swiper1.png" mode="aspectFill" />
							<text class="text-700-130">红旗连锁超市</text>
						</view>
						<text class="text-400-328">嗨！张三 先生：</text>
						<text class="m-t20 text-400-328">恭喜你投递的【前台行政】岗位已通过简历筛选，现邀请你参见面试</text>
						<text class="m-t20 text-400-328">时间：2019-01-07 14:30</text>
						<text class="m-t20 text-400-328">联系电话：028-123456</text>
						<text class="m-t20 text-400-328">地址：成都市武侯区泰达时代中心</text>
					</view>
				</scroll-view>
			</view>
			<view class="flex-c w h-102">
				<text class="text-400-528">《查看面试须知》</text>
			</view>
		</view>
		<view class="flex-c m-t48">
			<up-icon name="close-circle" color="#fff" size="36" @click="emit('close')"></up-icon>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import { defineEmits } from 'vue'
	
	const emit = defineEmits<{
		(e: 'close'): void;
	}>()
</script>

<style lang="scss" scoped>
	.interview {
		width: 670rpx;
		height: 834rpx;
		background-color: #E2EDFF;
	}
</style>